<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
        <link rel="stylesheet" href="../css/m.style.css" />
        <link rel="stylesheet" href="../css/jqmEdit.css" />
        <link rel="stylesheet" type="text/css" href="../css/common.css" />
        <link rel="stylesheet" type="text/css" href="startPage2.css" />
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
        <script src="../js/jindo.desktop.min.ns.js"></script>
        <script src="../js/jindo_mobile_component.js"></script>
        <script>
            $(function(){
                $('#visualCon').height($(window).outerHeight(true)-67);
                
                //JMC 적용
                var oFlicking = new jindo.m.Flicking('visualCon',{
                    sClassPrefix : 'vis-',
                    mFlickTreshold : 40
                });
                //페이지 넘어갈 때마다의 이벤트
                oFlicking.attach({
                    'afterFlicking' : function(oEvt){
                        var nIndex = (oEvt.nContentsIndex*1);
                        $('#visPaging').find('.paging').removeClass('curPage');
                        $('#visPaging').find('.paging').eq(nIndex).addClass('curPage');
                    }
                });
            });
        </script>
        
        <title>OAASYS2.0-MOBILE</title>
    </head>
    <body>
        <div data-role="page" class="startPage">
            <div class="container" data-role="content" id="visualCon"> 
                <div class="vis-container">
                    <div class="vis-ct"><img src="img/startPage01.png" width="100%"></div>
                    <div class="vis-ct"><img src="img/test1.jpg" width="100%"></div>
                    <div class="vis-ct"><img src="img/test2.jpg" width="100%"></div>
                    <div class="vis-ct"><img src="img/test3.jpg" width="100%"></div>
                </div>
                <div class="visPaging" id="visPaging">
                    <a href="javascript:void(0);" class="paging curPage"><span class="blind">1</span></a>
                    <a href="javascript:void(0);" class="paging"><span class="blind">2</span></a>
                    <a href="javascript:void(0);" class="paging"><span class="blind">3</span></a>
                    <a href="javascript:void(0);" class="paging"><span class="blind">4</span></a>
                </div>
            </div>
            <div class="bottomWrap">
                <div class="btnArea_bottom">
                    <a href="javascript:void(0);" hidefocus="true" class="btn_start btn_s_login"><span class="btnText">로그인</span></a>
                    <a href="javascript:void(0);" hidefocus="true" class="btn_start btn_s_join"><span class="btnText">회원가입</span></a>
                </div>
            </div>
        </div>
    </body>
</html>